<template>
  <a-card title="首页"></a-card>
  <Amap style="height: 400px;"></Amap>

  <div ref="aaa" style="height: 300px; width: 300px;"></div>
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue'
import echarts from '@/components/echarts';
const aaa = ref(null)
onMounted(() => {
  var myChart = echarts.init(aaa.value);
  myChart.setOption({
    title: {
      text: 'ECharts 入门示例'
    },
    tooltip: {},
    xAxis: {
      data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [
      {
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
      }
    ]
  });
})

</script>